.{$radio-prefix}
  user-select none
  .{$radio-prefix}-icon
    display inline-block
    position relative
    width 16px
    height 16px
    box-sizing border-box
    outline none
    cursor pointer
    overflow hidden
    margin 0 5px 0 0
    border-radius 50%
    vertical-align -3px
    transition $transition-time
    &:after
      content ''
      display inline-block
      position relative
      left 2px
      bottom 3px
      width 10px
      height 10px
      background-color $primary-color
      border-radius 50%
      transition $transition-time
  .{$radio-prefix}
    &-un-checked
      .{$radio-prefix}-icon
        border 1px solid $gray4-color
        &:after
          transform scale(0)
    &-checked
      .{$radio-prefix}-icon
        border 1px solid $primary-color
        &:after
          transform scale(1)
  &:hover
    .{$radio-prefix}-icon
      border 1px solid $primary-color
